﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="@Url.Content("~/Content/Style.css")" type="text/css" />

<link rel="stylesheet" href="@Url.Content("~/Scripts/slides/slides.css")" />
<link rel="stylesheet" href="@Url.Content("~/Scripts/notifications/style.css")" />
	
@*<script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>*@
<script src="@Url.Content("~/Scripts/slides/slides.min.jquery.js")"></script>

<script src="@Url.Content("~/Scripts/sliding_login/slide.js")"></script>
<link rel="stylesheet" href="@Url.Content("~/Scripts/sliding_login/slide.css")" type="text/css" />
<link rel="stylesheet" href="@Url.Content("~/Scripts/sliding_login/style.css")" type="text/css" />
<script>

    function f1() {
        document.getElementById("n1").style.visibility = 'hidden';
    }

	$(function () {
	    $('#slides').slides({
	        preload: true,
	        preloadImage: 'img/loading.gif',
	        play: 5000,
	        pause: 2500,
	        hoverPause: true
	    });
	});
</script>
</head>
<body>
<div id="toppanel" style="z-index:100">
    <div id="panel">
	    <div class="content clearfix">
		    <div class="left">
				
			</div>
			<div class="left">
                @Html.Partial("_LogOn")
			</div>
			<div class="left right">			
                @Html.Partial("_Register")
			</div>
        </div>
    </div>
    @Html.Partial("_UserNavigation")
</div>
<div id="templatemo_site_title_bar_wrapper">

	<div id="templatemo_site_title_bar">

	        <div id="site_title">
                <h1><a href="/" target="_parent">
                    <!--
                    Portfolio Template
                    <span>FREE CSS TEMPLATES</span>
                    -->
                    <img src="@Url.Content("~/images/logo.pNg")" alt="no image available" />
                </a></h1>
			</div>
            
                
            
            <div id="templatemo_menu">
                 @Html.Partial("_MenuBar")
                @*<ul>
                    <li><a href="#"><span></span>Profile</a></li>
                    <li><a href="#"><span></span>Contract</a></li>
                    <li><a href="#"><span></span>Staff</a></li>
                    <li><a href="#" class="current"><span></span>Bicycle</a></li>
                    <li><a href="#"><span></span>Ticket</a></li>
                    <li><a href="#"><span></span>Campaign</a></li>
                    <div class="noti_Container" onclick="return f1();">
                        <div class="noti_bubble" id="n1">2</div>
                    </div>

                </ul>    *@	
            </div> <!-- end of menu -->
            
    </div> <!-- end of templatemo_site_title_bar -->

</div> <!-- end of templatemo_site_title_bar_wrapper -->

<div id="templatemo_banner_wrapper">
	
    <div id="templatemo_banner">
    
        <div id="container">
		    <div id="example">
			    <div id="slides">
				    <div class="slides_container">
					    <a href="#"><img src="@Url.Content("~/images/slide/begreen-emotivation.jpg")" width="770" height="270" alt="Slide 1"></a>
					    <a href="#"><img src="@Url.Content("~/images/slide/begreen-emotivation-vorteile-fuer-mitarbeiter.jpg")" width="770" height="270" alt="Slide 2"></a>
					    <a href="#"><img src="@Url.Content("~/images/slide/begreen-emotivation-vorteile-fuer-unternehmen.jpg")" width="770" height="270" alt="Slide 3"></a>
					    <a href="#"><img src="@Url.Content("~/images/slide/begreen-rundum-sorglos.jpg")" width="770" height="270" alt="Slide 4"></a>
					    <a href="#"><img src="@Url.Content("~/images/slide/begreen-ebike-pedelec-fuhrpark-management.jpg")" width="770" height="270" alt="Slide 5"></a>
					    <a href="#"><img src="@Url.Content("~/images/slide/begreen-das-unternehmen.jpg")" width="770" height="270" alt="Slide 6"></a>
					    <a href="#"><img src="@Url.Content("~/images/slide/begreen-philosophie2.jpg")" width="770" height="270" alt="Slide 7"></a>
				    </div>
				    <a href="#" class="prev"><img src="@Url.Content("~/images/arrow-prev.png")" width="24" height="43" alt="Arrow Prev"></a>
				    <a href="#" class="next"><img src="@Url.Content("~/images/arrow-next.png")" width="24" height="43" alt="Arrow Next"></a>
			    </div>
			    <img src="@Url.Content("~/images/example-frame.png")" width="939" height="341" alt="Example Frame" id="frame">
		    </div>
		
	    </div>




    	@*<p><span>eMotivation</span> – wenn der Weg zur Arbeit für Mitarbeiter und Unternehmen zum Spaß wird. <span>eMotivation</span> bietet eine Fülle von Vorteilen für Unternehmen.  Mitarbeiterförderung wird ökologisch sinnvoll und nachhaltig.</span></p>*@
    
    </div> <!-- end of templatemo_banner -->

</div> <!-- end of templatemo_banner_wrapper -->


<div id="templatemo_content">

	<h2>Our Products</h2>

	<div class="product_box margin_r40">
        <div class="thumb_wrapper"><a href="@Url.Content("~/Content/uploads/ifit_h26_datenblatt.pdf")" target="_blank"><img src="@Url.Content("~/images/product/begreen-e-motion-c26.jpg")" alt="image 1" /></a></div>
        <h3>Product One</h3>
        <p>Etiam molestie massa nec nulla sagittis et luctus nulla.</p>
    </div>
    
    <div class="product_box margin_r40">
        <div class="thumb_wrapper"><a href="@Url.Content("~/Content/uploads/ifit_d28_datenblatt.pdf")" target="_blank"><img src="@Url.Content("~/images/product/begreen-e-motion-d28.jpg")" alt="image 2" /></a></div>
        <h3>Product Two</h3>
        <p>Aenean aliquam ullamcorper metus, at cursus elit sodales.</p>
    </div>
    
    <div class="product_box margin_r40">
        <div class="thumb_wrapper"><a href="#"><img src="@Url.Content("~/images/no_image.png")" alt="image 3" /></a></div>
        <h3>Product Three</h3>
        <p>Nam sed volutpat ipsum. Phasellus pharetra pellentesque.</p>
    </div>
    
	<div class="product_box">
        <div class="thumb_wrapper"><a href="#"><img src="@Url.Content("~/images/no_image.png")" alt="image 4" /></a></div>
        <h3>Product Four</h3>
        <p>Proin rutrum neque vitae nisi venenatis blandit in ac dui.</p>
    </div>
    
	<div class="cleaner"></div>
    
  	<div class="product_box margin_r40">
        <div class="thumb_wrapper"><a href="#"><img src="@Url.Content("~/images/no_image.png")" alt="image 5" /></a></div>
        <h3>Product Five</h3>
        <p>Mauris dignissim vehicula sapien, in accumsan quam commodo.</p>
    </div>
    
    <div class="product_box margin_r40">
	    <div class="thumb_wrapper"><a href="#"><img src="@Url.Content("~/images/no_image.png")" alt="image 6" /></a></div>
        <h3>Product Six</h3>
    	<p>Morbi ultrices congue nunc sit amet rutrum. Ut pretium diam eu.</p>
    </div>
    
    <div class="product_box margin_r40">
         <div class="thumb_wrapper"><a href="#"><img src="@Url.Content("~/images/no_image.png")" alt="image 7" /></a></div>
         <h3>Product Seven</h3>
	     <p>Duis facilisis ante sit amet libero sodales cursus vehicula urna.</p>
    </div>
    
	<div class="product_box">
         <div class="thumb_wrapper"><a href="#"><img src="@Url.Content("~/images/no_image.png")" alt="image 8" /></a></div>
         <h3>Product Eight</h3>
	     <p>Proin vitae felis in urna laoreet suscipit. Integer consequat felis.</p>
    </div>
    
    <div class="cleaner_h20"></div>
    
    <div class="button_01"><a href="#">View All</a></div>

	<div class="cleaner"></div>
</div> <!-- end of templatemo_content -->
<div id="templatemo_content_bottom"></div>

<div id="templatemo_footer_wrapper">
    <div id="templatemo_footer">
    
        <div class="section_w220">
        
            <h4>Services</h4>
            
            <ul class="footer_list_menu">
                <li><a href="#" target="_parent">Lorem ipsum dolor</a></li>
                <li><a href="#" target="_parent">Cum sociis</a></li>
                <li><a href="#" target="_parent">Donec quam</a></li>
                <li><a href="#" target="_parent">Nulla consequat</a></li>
                <li><a href="#" target="_blank">In enim justo</a></li>
            </ul>
        
        </div>
        
        <div class="section_w220">
        
            <h4>Partners</h4>
            
            <ul class="footer_list_menu">
                <li><a href="#">Nullam quis</a></li>
                <li><a href="#">Sed consequat</a></li>
                <li><a href="#">Cras dapibus</a></li>
                <li><a href="#">Lorem ipsum dolor</a></li>
            </ul>
        
        </div>
            
        <div class="section_w220">
        
            <h4>XHTML/CSS validators</h4>
            
            <p>Pellentesque eget diam diam. Donec ligula ligula, tempor et vulputate vitae, gravida ut ipsum.</p>
            
            <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
            
            <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
        
        </div>
        
		<div class="section_w220">
        
            <h4>About This Site</h4>
            
            <p>Nunc sed diam sed dui iaculis pharetra eu sed elit. Nunc arcu sapien, pellentesque at posuere nec, tincidunt dignissim enim. Ut sem mauris, aliquet ut sagittis vitae, condimentum eget augue. 
            </p>
            
        </div>

            <div class="cleaner"></div>
    
    </div> 
@*<div style="text-align: center; font-size: 0.75em;">Design Downloaded from <a href="http://www.template4all.com/">free CSS templates</a> | <a href="http://www.freethemes4all.com/">free website templates</a> | <a href="http://www.seodesign.us/" title="free wallpapers hd" target="_blank">Free Wallpapers HD</a>.</div>*@
<!-- end of footer -->
    
    <div class="cleaner"></div>
</div> <!-- end of templatemo_footer_wrapper -->

</body>
</html>